<template>
  <div class="index">
    <div class="index_title">这里是测试页面</div>
    <div class="index_btn">
      <el-button type="primary" class="index_item" v-for="item in linkList" :key="item.name"><router-link :to="item.path">{{ item.name }}</router-link></el-button>
    </div>
  </div>
</template>

<script setup>

const linkList = ref([
  {
    name: '排座',
    path: '/seat'
  },
  {
    name: 'echarts',
    path: '/echarts'
  },
  {
    name: '地图',
    path: '/map'
  },
  {
    name: '穿梭框',
    path: '/transfer'
  },
  {
    name: 'mqtt',
    path: '/mqtt'
  },
  {
    name: 'mqtt',
    path: '/mqtt'
  },
  {
    name: 'lottery',
    path: '/lottery'
  },
  {
    name: 'earchtArea',
    path: '/earchtArea'
  }
])
</script>

<style scoped lang="scss">
.index{
  height: auto;
  overflow: hidden;
}
.index_title{
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
}
.index_btn{
  margin-top: 20px;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  .index_item{
    margin: 10px;
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
  }
}
</style>

